<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page import="java.util.ArrayList" %>
<%@page import="java.util.Iterator" %>
<%@ page import="org.jsoft.vo.Customer" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<% int i=0; %>
<style type="text/css">
	#total {
			margin-left:20px;
			border: thin solid white;
			width: 1050px;
			height: 900px;
		}
	#title {
		border: thin solid white;
		width: 1050px;
		height: 35px;
	}
	#title div{
		height: 35px;
		float:left;
	}
	#title li{
		list-style-type: none;
	}
	#title_1 {
		border: thin solid white;
		width: 1050px;
		height: 26px;
	}
	#title_1 div{
		height: 22px;
		float:left;
		margin-left: 10px;
		margin-top: 7px;
	}
	#title_1 li{
		list-style-type: none;
		margin-top: 3px;
	}
	#title_1 {
		font-size: 13px;
	}
	#search {
		border: thin solid white;
		width: 1050px;
		height: 28px;
		font-size: 14px;
	}
	#search div{
		border: thin solid white;
		width: 340px;
		height: 29px;
		
	}
	#search_div li{
		float:left;
		list-style-type: none;
		margin-left: 10px;
	}
	#screening {
		border: thin solid white;
		margin-top:15px;
		width: 1050px;
		height: 26px;
		font-size: 14px;
	}
	#screening div{
		float: left;
	}
	#screening_div{
		width: 340px;
		border: thin solid white;
		height: 25px;
	}
	#screening_div li{
		float:left;
		list-style-type: none;
	}
	#screening_div_right{
		width: 255px;
		border: thin solid white;
		height: 25px;
		margin-left: 450px;
		list-style-type: none;
		font-size: 12px;
		color: #7F7B7B;
	}
	#screening_div_right1{
		width: 255px;
		border: thin solid white;
		height: 25px;
		margin-left: 450px;
		list-style-type: none;
		font-size: 12px;
		color: #7F7B7B;
	}
	#screening_div_right li {
		float: left;
		margin-left: 5px;
	}
	#fenye {
		border: thin solid white;
		width: 1050px;
		font-size: 14px;
		margin-top: 10px
		
	}
	#fenye_table{
		border: thin solid white;
		width: 1048px;
		text-align: center;
		
	}
	#cli{
		height: 19px;
		width: 18px;
		border: thin solid #E9E3EE;
		background-color: #EDE8F1;
		padding-top: 3px;
	}
	#cfont{
		width: 16px;
		height: 22px;
		padding-left: 5px;
	}
	#bottom {
		border: thin solid white;
		width: 1050px;
		height: 30px;
		font-size: 14px;
		margin-top: 10px;
	}
	#bottom div li{
		float: left;
		list-style-type: none;
		margin-left: 5px;
	}
	#bottomline {
		width: 1050px;
		height: 60px;
		border-bottom: thin solid #E9E3EE;
	}
	a{
		text-decoration: none;
	}
	
	a:hover{
		color:#F56B56;
	}
	a_border:hover{
		border: medium solid white;
	}
	#tr td{
		border-top: thin solid #ECE6EA;
		border-bottom: thin solid #ECE6EA;
	}
	#ck_space{
		padding-top: 3px;
	}
</style>
<script type="text/javascript">
    var i = <%=request.getSession().getAttribute("pageCount") %>
    function initjs(){
    	if(i==1){
    		document.getElementById('screening_div_right').style.display='none';
    		document.getElementById('screening_div_right1').style.display='none';
    	}
    }
	function xuanting(index){
		document.getElementById(index).style.border='1px solid black';		
	}
	function endxuanting(index){
		document.getElementById(index).style.border='1px solid #CAC6C6';	
	}
	
	function chakan(index){
		//alert("1******");
		document.getElementById('ck'+index).style.display='';
		document.getElementById('ck_space'+index).style.display='none';
	}
	function endchakan(index){
		//alert("2******");
		document.getElementById('ck'+index).style.display='none';
		document.getElementById('ck_space'+index).style.display='';
	}
	function checkall(form){
		for ( var i = 0; i < form.elements.length; i++) {
			var e = form.elements[i];
			if (e.Name != 'checkall' && e.disabled == false)
				e.checked = form.chkAll.checked;
		}
	}
	
	function unselectall() {
		if (document.myform.chkAll.checked) {
			document.myform.chkAll.checked = document.myform.chkAll.checked&0;
		}
	}
</script>
</head>


<body onload="initjs()">
	
	<div id="total">
											<!--  一   -->
		<div id="title">
			<div><li><img src="../images/biaoqian.jpg" style="height: 31px;width: 31px;"></li></div>
			<div><li style="margin-top: 8px;margin-left: 15px;font-size: 20px"><b>跟踪日志</b></li></div>
			<div><a href="#"><li style="margin-left: 15px;margin-top: 10px;background-color:#F0DAFA;font-size: 15px">写日志</li></a></div>
		</div>
											<!--  二  -->
		<div id="title_1">
			<div><a href="#"><li>我的（）</li></a></div>
			<div>|</div>
			<div><a href="#"><li>全部（<%=request.getSession().getAttribute("rowCount") %>）</li></a></div>
			<div>|</div>
			<div><a href="#"><li>回收站（）</li></a></div>
		</div>
											<!--  三   -->
		<form action="" method="get" id="sub">
			<div id="search" align="right">
				<div id="search_div">
					<li>
						<select name="select" style="height: 23px;margin-top: 2px">
							<option value="cusname">客户姓名</option>
							<option value="custel">TEL</option>
						</select>
					</li>
					<li><input type="text" style="width: 155px;height: 20px" name="search"></li>
					<a href="#" id="a_border"><li style="height: 17px;margin-top: 1px"><input id="sswz" style="border:thin solid #CAC6C6" type="image" id="but" src="../images/sswz.jpg" onmouseover="xuanting('sswz')" onmouseout="endxuanting('sswz')"></li></a>
				</div>
			</div>					
		</form>
											<!--  四   -->
		<form action="" method="get" name="datesearch">
			<div id="screening">
				<div id="screening_div">
					<li>
						<select name="date" style="height: 22px;margin-top: 1px;width: 150px">
							<option>选择所有日期</option>
						</select>
					</li>
					<li style="margin-left: 20px;margin-top: 2px"><input id="sx" style="border: thin solid #CAC6C6" type="image" src="../images/sx.jpg" onmouseover="xuanting('sx')" onmouseout="endxuanting('sx')"></li>
					<li  style="color: #7F7B7B;margin-left: 50px;width: 65px;height: 19px;border: thin solid white;padding-top: 4px"><%=((Integer) request.getSession().getAttribute("rowCount")).intValue()%>个项目</li>
				</div>
				
				<div id="screening_div_right">
					<a href="../trackPage?pageNow=1"><li id="cli"><font id="cfont">&laquo;</font></li></a> 
					<a href="../trackPage?cz=up&pagenow=<%=(Integer.parseInt(request.getParameter("pageNow"))) - 1%>"><li id="cli" style="padding-top: 5px;height: 17px"><font id="cfont" style="font-size: xx-small;">&lt;</font></li></a>
					<li>第<input value="<%=request.getParameter("pageNow")%>" type="text" style="height: 18px;width: 60px;text-align: center">页,共&nbsp;&nbsp;<%=((Integer) request.getSession().getAttribute("pageCount")).intValue()%>&nbsp;&nbsp;页</li>
					<a href="../trackPage?cz=down&pageNow=<%=(Integer.parseInt(request.getParameter("pageNow"))) + 1%>"><li id="cli" style="padding-top: 5px;height: 17px"><font id="cfont" style="font-size: xx-small;">&gt;</font></li></a>
					<a href="../trackPage?pageNow=<%=((Integer) request.getSession().getAttribute("pageCount")).intValue()%>"><li id="cli"><font id="cfont">&raquo;</font></li></a>
				</div>
			</div>
		</form>
											<!--  五   -->
		<div id="fenye">
		<form name="myform" method="post" id="myform" action="" >
			<table id="fenye_table" cellspacing="0">
				<tr id="tr" bgcolor="#F2E8F5" height="33px">
					<td width="28px"><input type="checkbox" name='chkAll' id='chkAll' onclick="checkall(this.form)"></td>
					<td width="220px">标题</td>
					<td width="100">日期</td>
					<td width="100">作者</td>
					<td width="100">跟踪对象</td>
					<td width="100">跟踪类型</td>
					<td width="90">是否为会员</td>
				</tr>
				<%
					for(i=0;i<5;i++){
				%>
				<tr id="tr" height="44px" onmouseover="chakan('<%=i %>')" onmouseout="endchakan('<%=i %>')">
					<td width="28px"><input type="checkbox" name="id" id="id" value="1" onclick='unselectall()'></td>
					<td width="220px" id="chakantd">哈哈哈哈哈哈<div style="padding-top: 3px;" id="ck_space<%=i %>">&nbsp;</div><div id="ck<%=i %>" style="display:none;padding-top: 3px"><a href="#">查看</a></div></td>
					<td width="100">1991-03-20<div id="ck_space">&nbsp;</div></td>
					<td width="100">乔斌<div id="ck_space">&nbsp;</div></td>
					<td width="100">教科书地方<div id="ck_space">&nbsp;</div></td>
					<td width="100">电话<div id="ck_space">&nbsp;</div></td>
					<td width="90">否<div id="ck_space">&nbsp;</div></td>
				</tr>
				<%
					}
				%>	
			</table>
		</form>
		</div>
											<!-- 六 -->
		<form name="piliang" method="post" id="myform" action="" >									
			<div id="bottom">
				<div>
					<li>
						<select name="piliangcaozuo" style="width: 140px;height: 23px;">
							<option >批量操作</option>
							<option value="1">移至回收站</option>
							<option value="2">导出Excel</option>
						</select>
					</li>
					<li><input style="border: thin solid #CAC6C6" name="apply" id="apply" type="image" src="../images/yingyong.jpg" onmouseover="xuanting('apply')" onmouseout="endxuanting('apply')"></li>
				</div>
				<div id="screening_div_right1" style="margin-left: 790px;">
					<a href="../trackPage?pageNow=1"><li id="cli"><font id="cfont">&laquo;</font></li></a> 
					<a href="../trackPage?cz=up&pagenow=<%=(Integer.parseInt(request.getParameter("pageNow"))) - 1%>"><li id="cli" style="padding-top: 5px;height: 17px"><font id="cfont" style="font-size: xx-small;">&lt;</font></li></a>
					<li>第<input value="<%=request.getParameter("pageNow")%>" type="text" style="height: 18px;width: 60px;text-align: center">页,共&nbsp;&nbsp;<%=((Integer) request.getSession().getAttribute("pageCount")).intValue()%>&nbsp;&nbsp;页</li>
					<a href="../trackPage?cz=down&pageNow=<%=(Integer.parseInt(request.getParameter("pageNow"))) + 1%>"><li id="cli" style="padding-top: 5px;height: 17px"><font id="cfont" style="font-size: xx-small;">&gt;</font></li></a>
					<a href="../trackPage?pageNow=<%=((Integer) request.getSession().getAttribute("pageCount")).intValue()%>"><li id="cli"><font id="cfont">&raquo;</font></li></a>
				</div>
				<div id="bottomline">
				</div>
			</div>
		</form>
	</div>
</body>
</html>














